<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>农村小型小利设施建后管护信息平台</title>
	<link rel="stylesheet" href="css/index.css" />
	<link href="http://cdn.bootcss.com/zTree.v3/3.5.23/css/zTreeStyle/zTreeStyle.css" rel="stylesheet">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<script src="http://cdn.bootcss.com/zTree.v3/3.5.23/js/jquery.ztree.all.js"></script>

</head>

<body>
	<!--从这里开始是头部-->
	<header>
		<div class="logo"><img src="img/logo_03.png" />农村小型小利设施建后管护信息平台</div>
		<div class="nav">
			<ul>

				<li>
					<a href="#"><img src="img/yizhangtu-01.svg" /><br />基础数据</a>
				</li>
				<li>
					<a href="#"><img src="img/shezhi-01.svg" /><br />工程管护</a>
				</li>
				<li>
					<a href="#"><img src="img/jichushuju-01.svg" /><br />资金管理</a>
				</li>
				<li>
					<a href="#"><img src="img/zxbg-01.svg" /><br />日常办公</a>
				</li>
				<li>
					<a href="#"><img src="img/shezhi-01.svg" /><br />系统管理</a>
				</li>
				<li style="margin-top: 10px;">
					<a href="#"><img src="img/admin-01.svg" style="vertical-align: middle;width:24px;padding-right:8px;" />系统管理员，</a><a
					 href="#">退出</a>
				</li>

			</ul>
		</div>
	</header>
	<!--从这里开始是主体内容-->
	<div id="main">

		<div class="main-content">
			<!--从这里是地图上工具菜单-->
			<div class="map-nav">
				<div class="feature">
					<img src="img/dian-01.svg" alt="">
				</div>
				<div class="left-icon-button">

					<img class="search" src="img/icon1.jpg" alt="">

					<img class="area" src="img/icon3.jpg" alt="">

					<img class="layer" src="img/icon2.jpg" alt="">

					<img class="statistics" src="img/icon4.png" alt="">

					<div class="btn-div">
						<div class="grow">+</div>
						<div class="dec">-</div>
					</div>
				</div>
				<div class="left-detail">
					<div class="div-input">
						<div class="input-header"><span style="	font-size: 12px;margin-right:-20px;">x</span></div>
						<input class="form-control" style="width: 90%;height:20px;margin-top: -1px;margin-left: 10px;" type="text">
						<img src="img/sousuo.svg" style="    width: 12px;position: absolute;top: 18px;right: -38px;" alt="">
					</div>

					<div class="checkbox2">
						<div class="checkbox2-header" style="width: 100%!important;"><span style="	font-size: 12px;
								margin-right:-5px;margin-left: 0;bottom:3px;">x</span></div>
						<div>
							<img src="img/all-01.svg"><span>所有</span><input class="layerAll input_check" onclick="selectAll()" type="checkbox" value="" />
						</div>
						<div>
							<img src="img/mindi.png"><span>民堤</span><input class="layer" type="checkbox" value="" />
						</div>
						<div>
							<img src="img/bengzhan40.png"><span>泵站</span><input class="layer" type="checkbox" value="" />
						</div>
						<div>
							<img src="img/qudao-01.svg"><span>渠道</span><input class="layer" type="checkbox" value="" />
						</div>
						<div>
							<img src="img/shuiku-01.svg"><span>水库</span><input class="layer" type="checkbox" value="" />
						</div>
						<div>
							<img src="img/shuizha-40.png"><span>涵闸</span><input class="layer" type="checkbox" value="" />
						</div>
						<div>
							<img src="img/gangqu-40.png"><span>港渠</span><input class="layer" type="checkbox" value="" />
						</div>
						<div>
							<img src="img/tangyan-01.svg"><span>塘堰</span><input class="layer" type="checkbox" value="" />
						</div>
					</div>
					<div class="checkbox1">
						<div class="checkbox1-header" style="width:100%!important"><span style="	font-size: 12px;
									margin-right: -5px;bottom:3px;">x</span></div>
						<div>
							<span>全市</span><input class="allCity" onclick="selectAll()" type="checkbox" value="" />
						</div>
						<div>
							<span>东西湖</span><input class="city1" onclick="single()" type="checkbox" value="" />
						</div>
						<div>
							<span>江夏</span><input class="city2" onclick="single()" type="checkbox" value="" />
						</div>
						<div>
							<span>黄陂</span><input class="city3" onclick="single()" type="checkbox" value="" />
						</div>
						<div>
							<span>新洲</span><input class="city4" onclick="single()" type="checkbox" value="" />
						</div>
						<div>
							<span>经开</span><input class="city5" onclick="single()" type="checkbox" value="" />
						</div>
						<div>
							<span>蔡甸</span><input class="city6" onclick="single()" type="checkbox" value="" />
						</div>

					</div>
					<div class="div-detail">
						<div class="div-detail-header"style="width: 100%!important;"><span style="font-size: 12px;
								margin-right: 5px;bottom:3px;">x</span></div>
						<div>
							<img src="img/zijin/qszjqk-01.svg"><span>全市资金</span>
						</div>
						<div>
							<img src="img/zijin/gqzjqk-01.svg"><span>各区资金</span>
						</div>
						<div>
							<img src="img/zijin/qssstj-01.svg"><span>全市设施</span>
						</div>
						<div>
							<img src="img/zijin/gqsstj-01.svg"><span>各区设施</span>
						</div>
						<div>
							<img src="img/zijin/bfzjqk-01.svg"><span>拨付资金</span>
						</div>
						<div>
							<img src="img/zijin/hztj-01.svg"><span>汇总报表</span>
						</div>
					</div>
					<!--区级点击-->
					<div class="div-detail1">
						<div class="div-detail-header" style="width: 100%!important;"><span style="font-size: 12px;
									margin-right: 5px;bottom:3px;">x</span></div>
						<div class="zijinfenpei" onclick="zijinfenpei()">
							<img src="img/zijin/qszjqk-01.svg"><span>资金分配</span>
						</div>
						<div onclick="sheshitongji()">
							<img src="img/zijin/gqsstj-01.svg"><span>设施统计</span>
						</div>
						<div onclick="zijinbofu()">
							<img src="img/zijin/bfzjqk-01.svg"><span>资金拨付</span>
						</div>
						<div>
							<img src="img/zijin/hztj-01.svg"><span>汇总报表</span>
						</div>
					</div>
				</div>

			</div>
			<div class="right-aside">
				<!--泵站-->
				<div class="project">
					<div class="project-detail">
						<div class="project-detail-header">
							<span class="project-detail-title">常青泵站-详情</span>
							<span class="project-detail-close">x</span>
						</div>
						<div class="bengzhang-content">
							<div class="bengzhan-img">
								<img src="img/right/t1_02.jpg" alt="">
							</div>
							<div class="bengzhang-detail">
								<div>
									<span>区域：</span><span>东西湖</span>
								</div>
								<div>
									<span>街镇：</span><span>东西湖</span>
								</div>
								<div>
									<span>位置：</span><span>xx村</span>
								</div>
								<div>
									<span>规模：</span><span>装机5台</span>
								</div>
								<div>
									<span>流量：</span><span>50m/s</span>
								</div>
								<div>
									<span>责任人：</span><span>陈建华</span>
								</div>
								<div>
									<span>类型：</span><span>供排两用</span>
								</div>
							</div>
							<div class="charts">
								<div onclick="zijin()" id="zijin" style="width:60px;height:60px;"></div>
								<div onclick="xuncha()" id="xuncha" style="width:60px;height:60px;"></div>
								<div onclick="guanhu()" id="guanhu" style="width:60px;height:60px;"></div>
								<div onclick="weixiu()" id="weixiu" style="width:60px;height:60px;"></div>
							</div>
							<!-- <img src="img/right/t1_03.jpg" alt=""> -->
						</div>
					</div>
					<!--泵站巡查记录-->
					<div class="inspection">
						<div class="inspection-header">
							<span class="inspection-header-title">常青泵站巡查记录</span>
							<span class="inspection-header-close">x</span>
						</div>
						<div class="inspection-content">
							<table class="table">
								<tr>
									<td class="td1">巡查时间</td>
									<td class="td2">巡查人员</td>
									<td class="td3">里程(公里)</td>
									<td class="td4">事件发现</td>
								</tr>
								<tbody>
									<tr>
										<td>18.02.18</td>
										<td>张三</td>
										<td>50</td>
										<td>无</td>
									</tr>
									<tr>
										<td>18.02.18</td>
										<td>张三</td>
										<td>5000</td>
										<td style="color:red">有</td>
									</tr>
									<tr>
										<td>18.02.18</td>
										<td>张三</td>
										<td>5000</td>
										<td style="color:red">有</td>
									</tr>
									<tr>
										<td>18.02.18</td>
										<td>张三</td>
										<td>5000</td>
										<td style="color:red">有</td>
									</tr>
									<tr>
										<td>18.02.18</td>
										<td>张三</td>
										<td>5000</td>
										<td style="color:red">有</td>
									</tr>
									<tr>
										<td>18.02.18</td>
										<td>张三</td>
										<td>5000</td>
										<td style="color:red">有</td>
									</tr>
									<tr>
										<td>18.02.18</td>
										<td>张三</td>
										<td>5000</td>
										<td style="color:red">有</td>
									</tr>
									<tr>
										<td>&#12288;</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<!--泵站列养资金-->

					<div class="money">
						<div class="money-header">
							<span class="money-header-title">常青泵站-列养资金</span>
							<span class="money-header-close">x</span>
						</div>
						<div class="money-content">
							<div>
								<div id="lieyang" style="width:252px;height:185px"></div>
							</div>
							<!-- <img style="border-radius:5px" src="img/right/t1_07.jpg" alt=""> -->
						</div>
					</div>
					<!--泵站事件-->
					<div class="event">
						<div class="event-header">
							<span class="event-header-title">常青泵站2018.02.18水毁事件</span>
							<span class="event-header-close">x</span>
						</div>
						<div class="event-content">
							<div class="before">
								<div>处理前</div>
								<img src="img/right/t1_11.jpg" alt="">
							</div>
							<div class="after">
								<div>处理后</div>
								<img src="img/right/t1_13.jpg" alt="">
							</div>
						</div>
					</div>
				</div>
				<!--资金盘分配-->
				<div style="display:none" class="facility-statistics">
					<div class="money-use">
						<!--资金使用-->
						<div class="money-use-header">
							<span class="money-use-header-title">资金使用情况</span>
							<span class="money-use-header-close">x</span>
						</div>
						<div class="money-use-content">
							<div class="zijingshiyong">
								<div id="quanshi" style="width:70px;height:70px;"></div>
								<div id="daofu" style="width:70px;height:70px;"></div>
								<div id="yu_e" style="width:70px;height:70px;"></div>
							</div>
							<!-- <img src="img/right/t2_03.jpg" alt=""> -->
						</div>
					</div>
					<!--资金分配-->
					<div class="money-allot">
						<div class="money-allot-header">
							<span class="money-allot-header-title">资金分配情况</span>
							<span class="money-allot-header-close">x</span>
						</div>
						<div class="money-allot-content">
							<div>
								<div id="zijifenpei" style="width:220px;height:130px;"></div>
							</div>
							<!-- <img src="img/right/t2_06.jpg" alt=""> -->
						</div>
					</div>
					<!--区域资金分配-->
					<div class="area-money-allot">
						<div class="area-money-allot-header">
							<span class="area-money-allot-header-title">区级资金分配情况</span>
							<span class="area-money-allot-header-close">x</span>
						</div>
						<div class="area-money-allot-content">
							<div>
								<div id="qujizijin" style="width:252px;height:185px;"></div>
							</div>
							<!-- <img src="img/right/t2_08.jpg" alt=""> -->
						</div>
					</div>
					<!--资金历年-->
					<div class="money-year">
						<div class="money-year-header">
							<span class="money-year-header-title">资金历年变化情况</span>
							<span class="money-year-header-close">x</span>
						</div>
						<div class="money-year-content">
							<div style="width:260px;height:180px">
								<div id="zijinlinian" style="width:255px;height:160px;"></div>
							</div>
							<!-- <img src="img/right/t2_10.jpg" alt=""> -->
						</div>
					</div>
				</div>
				<!--设施统计-->
				<div style="display:none" class="allocation-funds">
					<div class="allocation-funds-header">
						<span class="allocation-funds-header-title">设施统计</span>
						<span class="allocation-funds-header-close">x</span>
					</div>
					<div class="allocation-funds-content">
						<div class="select">
							<form role="form">
								<div class="form-group">
									<select style="    height: 20px;padding: 0px;" class="form-control">
										<option>2018</option>
									</select>
								</div>
							</form>
						</div>
						<img src="img/right/t2_03.jpg" alt="">
						<div class="table1">
							<div class="table-header">
								<div style="width:3px;height:12px;background:#2880BF;margin-left:5px;"></div>
								<div>设施情况统计</div>
							</div>
							<table class="table table-striped">
								<tr style="background:#E5E5E5">
									<td>识别</td>
									<td>全市</td>
									<td>管护</td>
									<td>未管护</td>
								</tr>
								<tbody>
									<tr>
										<td>泵站(座)</td>
										<td>56</td>
										<td>45</td>
										<td>11</td>
									</tr>
									<tr>
										<td>涵闸(座)</td>
										<td>56</td>
										<td>45</td>
										<td>11</td>
									</tr>
									<tr>
										<td>水库(座)</td>
										<td>56</td>
										<td>45</td>
										<td>11</td>
									</tr>
									<tr>
										<td>塘堰(口)</td>
										<td>56</td>
										<td>45</td>
										<td>11</td>
									</tr>
									<tr>
										<td>民堤(公里)</td>
										<td>56</td>
										<td>45</td>
										<td>11</td>
									</tr>
									<tr>
										<td>港渠(公里)</td>
										<td>56</td>
										<td>45</td>
										<td>11</td>
									</tr>
									<tr>
										<td>渠道(公里)</td>
										<td>56</td>
										<td>45</td>
										<td>11</td>
									</tr>
									<!-- <tr>
											<td>&#12288;</td>
										</tr> -->
								</tbody>
							</table>
						</div>
						<div class="table2">
							<div class="table-header">
								<div style="width:3px;height:12px;background:#2880BF;margin-left:5px;"></div>
								<div>设施情况统计</div>
							</div>
							<table class="table table-striped">
								<tr style="background:#E5E5E5">
									<td>区域</td>
									<td>全市</td>
									<td>管护</td>
									<td>未管护</td>
								</tr>
								<tbody>
									<tr>
										<td>东西湖</td>
										<td>56</td>
										<td>45</td>
										<td>11</td>
									</tr>
									<tr>
										<td>江夏</td>
										<td>56</td>
										<td>45</td>
										<td>11</td>
									</tr>
									<tr>
										<td>蔡甸</td>
										<td>56</td>
										<td>45</td>
										<td>11</td>
									</tr>
									<tr>
										<td>汉南</td>
										<td>56</td>
										<td>45</td>
										<td>11</td>
									</tr>
									<tr>
										<td>黄陂</td>
										<td>56</td>
										<td>45</td>
										<td>11</td>
									</tr>
									<tr>
										<td>新洲</td>
										<td>56</td>
										<td>45</td>
										<td>11</td>
									</tr>
									<tr>
										<td>合计</td>
										<td style="color:#4DB5FD">56</td>
										<td style="color:#4DB5FD">45</td>
										<td style="color:#4DB5FD">11</td>
									</tr>
								</tbody>
							</table>
							<div style="height:10px" class="radius-bottom"></div>

						</div>
					</div>
				</div>
				<!--资金拨付-->
				<div class="funds-appropriation">
					<div class="progress1">
						<!--拨付进度-->
						<div class="progress-header">
							<span class="progress-header-title">资金拨付进度</span>
							<span class="progress-header-close">x</span>
						</div>
						<div class="progress-content">
							<img style="border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;" src="img/right/t4_03.jpg" alt="">
						</div>
					</div>
					<div class="area-progress">
						<!--各区拨付进度-->
						<div class="area-progress-header">
							<span class="area-progress-header-title">各区资金拨付进度</span>
							<span class="area-progress-header-close">x</span>
						</div>
						<div class="area-progress-content">
							<div class="table3">
								<div class="table-header">
									<div style="width:3px;height:12px;background:#2880BF;margin-left:5px;"></div>
									<div>设施情况统计</div>
								</div>
								<table class="table table-striped">
									<tr style="background:#E5E5E5">
										<td>区域</td>
										<td>管护资金</td>
										<td>拨付资金</td>
										<td>完成率</td>
									</tr>
									<tbody>
										<tr>
											<td>东西湖</td>
											<td>56</td>
											<td>45</td>
											<td><img src="img/right/t4_07.jpg" alt=""></td>
										</tr>
										<tr>
											<td>江夏</td>
											<td>56</td>
											<td>45</td>
											<td><img src="img/right/t4_07.jpg" alt=""></td>
										</tr>
										<tr>
											<td>蔡甸</td>
											<td>56</td>
											<td>45</td>
											<td><img src="img/right/t4_07.jpg" alt=""></td>
										</tr>
										<tr>
											<td>汉南</td>
											<td>56</td>
											<td>45</td>
											<td><img src="img/right/t4_07.jpg" alt=""></td>
										</tr>
										<tr>
											<td>黄陂</td>
											<td>56</td>
											<td>45</td>
											<td><img src="img/right/t4_07.jpg" alt=""></td>
										</tr>
										<tr>
											<td>新洲</td>
											<td>56</td>
											<td>45</td>
											<td><img src="img/right/t4_07.jpg" alt=""></td>
										</tr>
									</tbody>
								</table>
								<div class="radius-bottom"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--从这里开始是底部-->
	<div id="footer">
		<p>@2018 小型农田水利设施管理系统</p>
	</div>

	<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
	<script src="js/charts.js"></script>
	<script src="js/zhexianChart.js"></script>
	<script src="js/barChart.js"></script>
	<script>
		var isSelect = ''

		function init() {
			$('.facility-statistics').css('display', 'block')
			//开始全隐藏
			$('.div-detail').css('display', 'none')
			$('.div-detail1').css('display', 'none')
			$('.checkbox1').css('display', 'none')
			$('.checkbox2').css('display', 'none')
			$('.div-input').css('display', 'none')
			$('.progress-header-close').click(function () {
				$('.progress1').css('display', 'none')
			})
			$('.funds-appropriation').css('display', 'none')
			//各区资金拨付进度
			$('.area-progress').css('display', 'none')
			$('.progress').css('display', 'none')
			//设施统计
			$('.allocation-funds').css('display', 'none')
			//资金使用情况
			$('.money-use').css('display', 'none')
			//资金分配情况
			$('.money-allot').css('display', 'none')
			//区域资金分配情况
			$('.area-money-allot').css('display', 'none')
			//资金历年变化情况

			$('.money-year').css('display', 'none')
			//常青泵站-详情
			$('.project-detail').css('display', 'none')
			//常青泵站巡查记录
			$('.inspection').css('display', 'none')
			//常青泵站2018.02.18水毁事件
			$('.event').css('display', 'none')
			//常青泵站-列养资金
			$('.money').css('display', 'none')
		}
		init()
		// 统计
		$('.div-detail-header span').click(function () {
			$('.div-detail').css('display', 'none')
		})
		$('.statistics').click(function () {
			if (isSelect == false) {
				$('.left-detail').css('top', '157px')
				$('.div-detail').css('display', 'block')
				$('.div-detail').siblings('div').css('display', 'none')
				$('.div-detail1').css('display', 'none')
			}
			if (isSelect == true) {
				$('.left-detail').css('top', '157px')
				$('.div-detail').css('display', 'none')
				$('.div-detail').siblings('div').css('display', 'none')
				$('.div-detail1').css('display', 'block')
			}

		})
		//区级点击情况
		$('.div-detail-header span').click(function () {
			$('.div-detail1').css('display', 'none')
		})
		$('.statistics').click(function () {
			if (isSelect == true) {
				$('.left-detail').css('top', '132px')
				$('.div-detail1').css('display', 'block')
				$('.div-detail1').siblings('div').css('display', 'none')
			} else {
				$('.left-detail').css('top', '132px')
				$('.div-detail').css('display', 'block')
				$('.div-detail').siblings('div').css('display', 'none')
				//
			}

		})
		//区域
		$('.checkbox1-header span').click(function () {
			$('.checkbox1').css('display', 'none')
		})
		$('.area').click(function () {
			$('.left-detail').css('top', '32px')
			$('.checkbox1').css('display', 'block')
			$('.checkbox1').siblings('div').css('display', 'none')
		})
		//图层
		$('.checkbox2-header span').click(function () {
			$('.checkbox2').css('display', 'none')
		})
		$('.layer').click(function () {
			$('.left-detail').css('top', '82px')
			$('.checkbox2').css('display', 'block')
			$('.checkbox2').siblings('div').css('display', 'none')
		})
		//查询
		$('.input-header span').click(function () {
			$('.div-input').css('display', 'none')
		})
		$('.search').click(function () {
			$('.left-detail').css('top', '-18px')
			$('.div-input').css('display', 'block')
			$('.div-input').siblings('div').css('display', 'none')
		})
		//全选控制
		function selectAll() {
			//城市
			if ($('.allCity').prop('checked') == true) {
				//				//全市显示
				$('.right-aside').css('display', 'block')
				//常青泵站-详情
				$('.project').css('display', 'block')
				$('.project-detail').css('display', 'block')
				//常青泵站巡查记录
				$('.inspection').css('display', 'none')
				//常青泵站2018.02.18水毁事件
				$('.event').css('display', 'none')
				//常青泵站-列养资金
				$('.money').css('display', 'none')
			} else {
				$('.city').prop('checked', false)
				//常青泵站-详情
				$('.project-detail').css('display', 'none')
				//常青泵站巡查记录
				$('.inspection').css('display', 'none')
				//常青泵站2018.02.18水毁事件
				$('.event').css('display', 'none')
				//常青泵站-列养资金
				$('.money').css('display', 'none')
			}
			//图层
			if ($('.layerAll').prop('checked') == true) {
				$('.layer').prop('checked', true)
			} else {
				$('.layer').prop('checked', false)
			}
		}

		function single() {
			console.log($('.city2').is(':checked'))
			console.log($(this).prop('checked'))
			if ($('.city1').is(':checked') ||
				$('.city2').is(':checked') ||
				$('.city3').is(':checked') ||
				$('.city4').is(':checked') ||
				$('.city5').is(':checked') ||
				$('.city6').is(':checked') ==
				true) {
				isSelect = true
				$('.project').css('display', 'block')
				$('.project-detail').css('display', 'block')
				$('.inspection').css('display', 'none')
			} else {
				//
				$('.project').css('display', 'none')
				$('.facility-statistics').css('display', 'none')
				$('.allocation-funds').css('display', 'none')
				$('.funds-appropriation').css('display', 'none')

			}
			// if($('.city2').is(':checked') == false){
			// 	isSelect = false
			// }
		}
		//右侧关闭事件
		//资金拨付进度
		$('.progress-header-close').click(function () {
			$('.progress1').css('display', 'none')
		})
		//各区资金拨付进度
		$('.area-progress-header-close').click(function () {
			$('.area-progress').css('display', 'none')
		})
		//设施统计
		$('.allocation-funds-header-close').click(function () {
			$('.allocation-funds').css('display', 'none')
		})
		//资金使用情况
		$('.money-use-header-close').click(function () {
			$('.money-use').css('display', 'none')
		})
		//资金分配情况
		$('.money-allot-header-close').click(function () {
			$('.money-allot').css('display', 'none')
		})
		//区域资金分配情况
		$('.area-money-allot-header-close').click(function () {
			$('.area-money-allot').css('display', 'none')
		})
		//资金历年变化情况
		$('.money-year-header-close').click(function () {
			$('.money-year').css('display', 'none')
		})
		//常青泵站-详情
		$('.project-detail-close').click(function () {
			$('.project-detail').css('display', 'none')
		})
		//常青泵站巡查记录
		$('.inspection-header-close').click(function () {
			$('.inspection').css('display', 'none')
		})
		//常青泵站2018.02.18水毁事件
		$('.event-header-close').click(function () {
			$('.event').css('display', 'none')
		})
		//常青泵站-列养资金
		$('.money-header-close').click(function () {
			$('.money').css('display', 'none')
		})
		//资金分配
		function zijinfenpei() {
			$('.facility-statistics').css('display', 'block')
			//资金使用情况
			$('.money-use').css('display', 'block')
			//资金分配情况
			$('.money-allot').css('display', 'block')
			//区域资金分配情况
			$('.area-money-allot').css('display', 'block')
			//资金历年变化情况
			$('.money-year').css('display', 'block')
			//其他隐藏
			$('.allocation-funds').css('display', 'none')
			$('.project-detail').css('display', 'none')
			//资金拨付
			$('.funds-appropriation').css('display','none')
			$('.project').css('display','none')

		}

		function sheshitongji() {
			$('.facility-statistics').css('display', 'block')
			//设施统计
			$('.allocation-funds').css('display', 'block')
			//
//			$('.facility-statistics').css('display', 'none')
			$('.project-detail').css('display', 'none')
			$('.funds-appropriation').css('display','none')
			$('.project').css('display','none')
			$('.facility-statistics').css('display','none')

		}

		function zijinbofu() {
			$('.funds-appropriation').css('display', 'block')
			$('.area-progress').css('display', 'block')
			$('.progress').css('display', 'block')
			$('.progress1').css('display', 'block')
			//
			$('.facility-statistics').css('display', 'none')
			$('.allocation-funds').css('display', 'none')
			$('.project-detail').css('display', 'none')
		}
		/*echart点击事件*/

		function zijin() {
			$('.money').css('display', 'block')
			//
			$('.inspection').css('display', 'none')


		}

		function xuncha() {
			$('.inspection').css('display', 'block')
			$('.inspection-header-title').text('常青泵站-巡查记录')
			$('.td1').text('巡查时间')
			$('.td2').text('巡查人员')
			$('.td3').text('公里(里程)')
			$('.td4').text('事件发现')
			//
			$('.money').css('display', 'none')
			$('.event').css('display', 'none')

		}

		function guanhu() {
			$('.inspection').css('display', 'block')
			$('.inspection-header-title').text('常青泵站-管护记录')
			$('.td1').text('管护时间')
			$('.td2').text('管护人员')
			$('.td3').text('管护次数')
			$('.td4').text('事件发现')
			//
			$('.money').css('display', 'none')
			$('.event').css('display', 'none')


		}

		function weixiu() {
			$('.inspection').css('display', 'block')
			$('.inspection-header-title').text('常青泵站-维护记录')
			$('.event').css('display', 'block')
			$('.td1').text('维护时间')
			$('.td2').text('维护人员')
			$('.td3').text('维护次数')
			$('.td4').text('事件发现')
			//
			$('.money').css('display', 'none')

		}
	</script>
</body>

</html>